﻿<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="./js/aliyun-sdk.min.js"></script>

  <script src="./js/oss-js-upload.js"></script>
  
  <script src="./js/jquery-1.8.3.min.js"></script>
	<style type="text/css">
	li{
		width:24%;
		
		border:2px solid green;
		text-align:center;
	}
	
	</style>
<script type="text/javascript">

//定义几个全局变量 
var AppUrl = "http://127.0.0.1:8888";//整个页面的请求页面

(function($){
    $.getUrlParam = function(name)
    {
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r!=null) return unescape(r[2]); return null; 
    }
})(jQuery);

$(function(){
 
       // alert(window.location.href);
       // alert($.getUrlParam('id'));
	   var id = $.getUrlParam('id');
	   $.ajax( {  
			  url:AppUrl+'/backStage/Admmin_Goods/findGoodById',// 跳转到 action  addUser
			  data:{id:id},  
			 type:'post',  
			 cache:false,  
			 dataType:'json',  
			 success:function(data) {  
				//alert("返回数据"+data);
				$("#goods_id").val(data[0]._id);
				$("#goods_name").val(data[0].goods_name);
				$("#goods_price").val(data[0].goods_price);
				$("#goods_desc").val(data[0].goods_desc);
			  },  
			  error : function() {  
				   alert("异常！");  
			  }  
			});
})


function updateGoodById(){
	var  files = document.getElementById("files").files;
	var  file_name = null;
	for (var i = 0; i < files.length; i++) {
		file_name = files[i].name;		
	}
	$.ajax( {  
      url:AppUrl+'/backStage/Admmin_Goods/updateGoodById',// 跳转到 action  addUser
      data:{  
               goods_id : $("#goods_id").val(),  
               goods_name : $("#goods_name").val(),  
               goods_price : $("#goods_price").val(),  
               goods_desc : $("#goods_desc").val(), 
               file_name : file_name  
      },  
     type:'post',  
     cache:false,  
     dataType:'json',  
     success:function(data) {  
        if(data == 2){
			alert("修改成功");
		}
      },  
      error : function() {  
           alert("异常！");  
      }  
	});
}

</script>
</head>
<body>
	<table style="list-style:none;width:100%;">
		<tr>
      <td>商品ID</td>
      <td>
        <input type="text" id="goods_id" name="goods_id"/>
      </td>
    </tr>
		<tr>
      <td>商品名称</td>
      <td>
        <input type="text" id="goods_name" name="goods_name"/>
      </td>
    </tr>
		<tr>
      <td>商品价格</td>
      <td>
        <input type="text" id="goods_price" name="goods_price"/>
      </td>
    </tr>
		<tr>
      <td>商品描述</td>
      <td><textarea name="goods_desc"id="goods_desc" cols="30" rows="4"></textarea></td>
    </tr>
		<tr>
      <td>文件</td>
      <td>
        <input type="file" name="file" id="files"> 
        <input type="button" value="上传" id="bt"/>
      </td>
    </tr>
		<tr>
      <td></td>
      <td>
        <input type="button" onclick="updateGoodById()" value="修改数据"/>
      </td>
      </tr>
	</table>
</body>





<script>

  var init = function (stsToken) {
  
  alert("---init------");
    var ossUpload = new OssUpload({
      bucket: 'biluo',
      // 根据你的 oss 实例所在地区选择填入
      // 杭州：http://oss-cn-hangzhou.aliyuncs.com
      // 北京：http://oss-cn-beijing.aliyuncs.com
      // 青岛：http://oss-cn-qingdao.aliyuncs.com
      // 深圳：http://oss-cn-shenzhen.aliyuncs.com
      // 香港：http://oss-cn-hongkong.aliyuncs.com
      endpoint: 'http://oss-cn-qingdao.aliyuncs.com',
      // 如果文件大于 chunkSize 则分块上传, chunkSize 不能小于 100KB 即 102400
      chunkSize: 1048576,
      // 分块上传的并发数
      concurrency: 2,
      // 注意: 虽然使用 accessKeyId 和 secretAccessKey 可以进行上传, 但是存在泄露风险, 因此强烈建议使用下面的 STS token
      // 只有在确认不会出现泄露风险的情况下, 才使用 aliyunCredential
      aliyunCredential: {
        "accessKeyId": "1Xqjf8Ncj7jjuSNv",
        "secretAccessKey": "S7SJtQ31WT63r8cMftev01hiKnQclk"
      },
      stsToken: stsToken
      // 这是一个 stsToken 的样例
//    {
//      "RequestId": "577DA7A9-35BB-4AC0-8B39-F75DF8BDACB2",
//      "AssumedRoleUser": {
//        "AssumedRoleId": "391405342211886582:chylvina",
//          "Arn": "acs:ram::31611321:role/role-oss-js-upload/chylvina"
//      },
//      "Credentials": {
//      "AccessKeySecret": "HWBWGxHEC0x702x0HQGfU33jHgZ8TN6ZrVKzEqNK",
//          "AccessKeyId": "STS.i0AlgXs65bM8SwyOjx1U",
//          "Expiration": "2015-09-14T07:18:39Z",
//          "SecurityToken": "CAES6AMIARKAAS+cssKP4MB3qcZxSV28Fbx0FMh5tZdqfzDt3bvZOY5sX/2IxQI4qvDJ8y/ntn/WETuzhpPssr1CFndoBaZZJD0JUASNtU0yU6PBZpuUh+hASNLIL30ShMFgVXHU+fQTKV0o8uqwH9fsRyWPgdQn9f+39FFz8zmRv9tiJL/lqtTmGhhTVFMuaTBBbGdYczY1Yk04U3d5T2p4MVUiEjM5MTQwNTM0MjIxMTg4NjU4MioIY2h5bHZpbmEw5JXh1fwpOgZSc2FNRDVCzQEKATEaxwEKBUFsbG93Em8KDEFjdGlvbkVxdWFscxIGQWN0aW9uGlcKDW9zczpQdXRPYmplY3QKGW9zczpDcmVhdGVNdWx0aXBhcnRVcGxvYWQKDm9zczpVcGxvYWRQYXJ0Chtvc3M6Q29tcGxldGVNdWx0aXBhcnRVcGxvYWQSTQoOUmVzb3VyY2VFcXVhbHMSCFJlc291cmNlGjEKL2Fjczpvc3M6KjozMTYxMTMyMTpjaHlsdmluYS9vc3MvZm9sZGVyL2ZpbGVfa2V5SggzMTYxMTMyMVIFMjY4NDJaD0Fzc3VtZWRSb2xlVXNlcmAAahIzOTE0MDUzNDIyMTE4ODY1ODJyEnJvbGUtb3NzLWpzLXVwbG9hZA=="
//      }
//    }

    });
   
    
        document.getElementById('bt').addEventListener('click', function (evt) {
		
		//alert("aa");
          //var files = evt.target.files;
		  var files = document.getElementById("files").files;

          // 如果要上传大量文件, 需要自己控制并发
          for (var i = 0; i < files.length; i++) {

            ossUpload.upload({
              // 必传参数, 需要上传的文件对象
              file: files[i],
              // 必传参数, 文件上传到 oss 后的名称, 包含路径
              key: files[i].name,
              // 上传失败后重试次数
              maxRetry: 3,
              // OSS支持4个 HTTP RFC2616(https://www.ietf.org/rfc/rfc2616.txt)协议规定的Header 字段：
              // Cache-Control、Expires、Content-Encoding、Content-Disposition。
              // 如果上传Object时设置了这些Header，则这个Object被下载时，相应的Header值会被自动设置成上传时的值
              // 可选参数
              headers: {
                'CacheControl': 'public',
                'Expires': '',
                'ContentEncoding': '',
                'ContentDisposition': '',
                // oss 支持的 header, 目前仅支持 x-oss-server-side-encryption
                'ServerSideEncryption': ''
              },
              // 文件上传中调用, 可选参数
              onprogress: function (evt) {
				//alert("文件上传中");
                console.log(evt);
              },
              // 文件上传失败后调用, 可选参数
              onerror: function (evt) {
				//alert("文件上传失败");
                console.log(evt);
              },
              // 文件上传成功调用, 可选参数
              oncomplete: function (res) {
				//alert("文件上传成功");
                console.log(res);
              }
            });
          }

        });
		
  };

  // 获取 stsToken
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function () {
    if (xhr.readyState == 4) {
	// alert("---init2------");
      init(JSON.parse(xhr.responseText));
    }
  };
  xhr.open('GET', AppUrl+'/backStage/ali_oss/getToken', true);
  xhr.send(null);

</script>


</html>